<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no, user-scalable=no">
    <title>我的</title>
    <link th:href="@{/css/mobile.css}" rel="stylesheet">
</head>
<body>

<div style="position: relative;width: 100%;height: 8vh;left: 0"></div>

<section>
    <div class="list-box" th:if="${session.userInfo}" style="height: 20vh;">
        <img id="user-img" th:src="@{/icon/mobile/girl.png}" alt="头像" style=" top: 7%; left: 5%; position: absolute; height: 50%;">
        <div style="position: absolute; right: 6%; top: 10%; width: 60%; height: 22%;text-align: right">
            <p th:text="${session.userInfo.getValid()}" style="margin: 0; font-size: calc(14px + 1.4vh);">权限</p>
        </div>
        <div style="position: absolute; right: 6%; top: 35%; width: 60%; height: 22%;text-align: right">
            <p th:text="${session.userInfo.getName()}" style="margin: 0; font-size: calc(14px + 1.4vh);">姓名</p>
        </div>
    </div>

    <div class="list-box" th:if="${session.userInfo} == null" style="height: 8vh">
        <div style="position: absolute; right: 3%; top: 50%; transform: translate(-0%, -50%);
    text-align: right;">
            <p style="margin: 0;">未登录，点击登录&nbsp;&nbsp;&nbsp;></p>
        </div>
        <a target="_parent" th:href="@{/user/login}" style="position: absolute;width: 100%;height: 100%"></a>
    </div>
    <div class="list-box" th:if="${session.userInfo}" style="height: 8vh;">
        <div style="position: absolute; right: 3%; top: 50%; transform: translate(-0%, -50%);
    text-align: right;">
            <p style="margin: 0;">退出登录&nbsp;&nbsp;&nbsp;></p>
        </div>
        <a target="_parent" th:href="@{/toLogout}" style="position: absolute;width: 100%;height: 100%"></a>
    </div>
    <div th:if="${session.userInfo}">
        <div class="list-box" th:if="${session.userInfo.getValid()}=='2'" style="height: 8vh;">
            <div style="position: absolute; right: 3%; top: 50%; transform: translate(-0%, -50%);
    text-align: right;">
                <p style="margin: 0;">进入员工平台&nbsp;&nbsp;&nbsp;></p>
            </div>
            <a target="_parent" th:href="@{/manage}" style="position: absolute;width: 100%;height: 100%"></a>
        </div>

    </div>
</section>

</body>
</html>